<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="./js/setRem.js"></script>
  <link rel="stylesheet" href="./lib/fonts/font-awesome.min.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/brand.css">
  <title>慢慢买-十大品牌</title>
</head>

<body>
  <div class="mmb-layout">
    <!-- 头部 -->
    <div class="mmb-header">
      <a href="#" class="pull-left logo"><img src="./images/header_logo.png" alt=""></a>
      <a href="#" class="pull-right app"><img src="./images/header_app.png" alt=""></a>
    </div>
    <!-- 搜索区 -->
    <div class="mmb-search">
      <input type="text" class="search-input" placeholder="请输入你想比价的商品">
      <a href="#" class="search-btn">搜索</a>
    </div>

    <!-- 面包屑导航栏 -->
    <div class="mmb-pathNav">
      <ul class="clearfix">
        <li><a href="./index1.html">首页 <span class="fa fa-angle-right"></span></a></li>
        <li><a href="./brandTitle.html">全部分类 <span class="fa fa-angle-right"></a></li>
      </ul>
    </div>

    <!-- 哪个牌子好 -->
    <div class="mmb-brandNice">
      <div class="nice">
        <span>平板电视</span>哪个牌子好
      </div>
      <div class="top-list">
        <ul>
          <li class="clearfix">
            <span class="num red">1</span>
            <div class="list-right">
              <p class="brandName">三星平板电视</p>
              <p>30天全网销售：242408件</p>
            </div>
            <a href="#" class="fa fa-angle-right"></a>
          </li>
          <li class="clearfix">
            <span class="num orange">1</span>
            <div class="list-right">
              <p class="brandName">三星平板电视</p>
              <p>30天全网销售：242408件</p>
            </div>
            <a href="#" class="fa fa-angle-right"></a>
          </li>
          <li class="clearfix">
            <span class="num green">1</span>
            <div class="list-right">
              <p class="brandName">三星平板电视</p>
              <p>30天全网销售：242408件</p>
            </div>
            <a href="#" class="fa fa-angle-right"></a>
          </li>
        </ul>
      </div>
    </div>

    <!-- 销量 -->
    <div class="mmb-sales">
      <div class="sales">
        <span>平板电视</span>产品销量排名
      </div>
        <!-- 商品详情 -->
      <div class="sales-prolist">
        <div class="list clearfix">
          <div class="list-left">
            <img src="./images/ic_mall.png" alt="">
          </div>
          <div class="list-right">
            <p class="title">乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv乐视tv</p>
            <p class="price">￥1999.0</p>
            <span>报价(6)</span><span>评价(2286)</span>
          </div>
        </div>
      </div>
    </div>

    <!-- 最新评论 -->
    <div class="mmb-comment">
      <div class="comment">
        <span>平板电视</span>最新评论
      </div>
      <div class="com-list">
        <ul>
          <li>
            <div class="top clearfix">
              <div class="img-box">
                <img src="http://pro.zuyushop.com:8015/ProPic/201510/Thumb/Thumb_201510001104382491.jpg" alt="">
              </div>
              <p>乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</p>
            </div>
            <div class="content">
              <div class="triangle_border_up">
                <span class="small"></span>
              </div>
              <div class="hd clearfix">
                <span class="pull-left">g***n</span>
                <span class="pull-right">2016/2/18</span>
              </div>
              <div class="con">
                双12抢的单，14号收到货，速度奇快。特意使用了10来天，对产品有了一点的操控和了解，才来评价! 超级电视超级之处：1，颜值高，整体简洁，窄边框，前面板只有一个Letv的logo指示灯，无其他按键占用面板空间，外观简洁大气，边框做工精细。 2、操作简便，并可启用语音遥控，网络接入速度快，操作系统简洁，一目了然，运行速度相当流畅。 3、内容：乐视自家的视频APP内容相当丰富，科学归类，能快速找到想看的节目，第三方软件安装也方便，即使未登陆乐视会员，也能观看到高清影片及电视直播。 超级电视相对其他电视，有着很大的竞争优势。买这个电视，物有所值 评论发布自 购买自：乐视tv旗舰店
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <!-- 底部栏 -->
    <div class="mmd-footer">
      <div class="footer-top">
        <a href="#" id="login">登录</a>
        <a href="#" id="resign">注册</a>
        <a href="#" class="sm-top"><img src="http://www.zuyushop.com/wap/images/top.jpg" alt="">返回顶部</a>
      </div>
      <div class="footer-bottom">
        <p><a href="#">手机APP下载</a><a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <a href="#">m.manmanbuy.com</a>
      </div>
    </div>
  </div>

  <!-- 标题渲染 -->
  <script type="text/html" id="tmp-niceT">
    <span>{{title}}</span>哪个牌子好
  </script>
  <script type="text/html" id="tmp-salesT">
    <span>{{title}}</span>产品销量排名
  </script>
  <script type="text/html" id="tmp-comT">
    <span>{{title}}</span>最新评论
  </script>

  <!-- 排行模板引擎 -->
  <script type="text/html" id="tmp-top">
    {{ each result v i }}
      {{ if i===0 }}
        <li class="clearfix" data-id={{v.categoryId}}>
          <span class="num red">{{i+1}}</span>
          <div class="list-right">
            <p class="brandName">{{v.brandName}}</p>
            <p>{{v.brandInfo}}</p>
          </div>
          <a href="#" class="fa fa-angle-right"></a>
        </li>
      {{ else if i===1 }}
        <li class="clearfix" data-id={{v.categoryId}}>
          <span class="num orange">{{i+1}}</span>
          <div class="list-right">
            <p class="brandName">{{v.brandName}}</p>
            <p>{{v.brandInfo}}</p>
          </div>
          <a href="#" class="fa fa-angle-right"></a>
        </li>
      {{ else if i===2 }}
        <li class="clearfix" data-id={{v.categoryId}}>
          <span class="num green">{{i+1}}</span>
          <div class="list-right">
            <p class="brandName">{{v.brandName}}</p>
            <p>{{v.brandInfo}}</p>
          </div>
          <a href="#" class="fa fa-angle-right"></a>
        </li>
      {{ else }}
        <li class="clearfix" data-id={{v.categoryId}}>
          <span class="num">{{i+1}}</span>
          <div class="list-right">
            <p class="brandName">{{v.brandName}}</p>
            <p>{{v.brandInfo}}</p>
          </div>
          <a href="#" class="fa fa-angle-right"></a>
        </li>
      {{ /if }}
    {{ /each }}
  </script>

  <!-- 销量模板引擎 -->
  <script type="text/html" id="tmp-sales">
    {{ each result v i }}
    <div class="list clearfix" data-id={{v.productId}}>
      <div class="list-left">
        {{@v.productImg}}
      </div>
      <div class="list-right">
        <p class="title">{{v.productName}}</p>
        <p class="price">{{v.productPrice}}</p>
        <span>{{v.productQuote}}</span><span>{{v.productCom}}</span>
      </div>
    </div>
    {{ /each }}
  </script>

  <!-- 评论模板引擎 -->
  <script type="text/html" id="tmp-com">
    {{ each result v i }}
      <li>
        <div class="top clearfix">
          <div class="img-box">
            {{@productImg}}
          </div>
          <p>{{productName}}</p>
        </div>
        <div class="content">
          <div class="triangle_border_up">
            <span class="small"></span>
          </div>
          <div class="hd clearfix">
            <span class="pull-left">{{v.comName}}</span>
            <span class="pull-right">{{v.comTime}}</span>
          </div>
          <div class="con">
            {{v.comContent}}
          </div>
        </div>
      </li>
    {{ /each }}
  </script>


  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/setHttp.js"></script>
  <script src="./js/brand.js"></script>


</body>

</html>